<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="css/style.css" rel="stylesheet">
        <link rel="stylesheet" href="./css/reset.css">
    </head>

    <style>
        .search{
            width: 215px;
            height: 30px;
            border: 1px solid black;
            clear: both;
        }

        .tar{
            /* height: 100%; */
            border-width: 0;
            border: none;
            padding: 0 12px;
            float: left;
            margin-top: 3px;
            font-size: 14px;
        }
        /* 并列选择器 */
        form.search>button{
            width: 26px;
            height: 21px;
            /* transparent 透明色 */
            background-color: transparent;
            background-image: url("./img/search.png");
            background-size: contain;
            background-repeat: no-repeat;
            margin-top: 3px;
            margin-right: 5px;
            float: right;
        }

    </style>

    <body>
        <form action="#" method="POST" class="search">
            <input type="search" name="user_search" placeholder="请输入内容" class="tar">
            <button></button>
        </form>
    </body>
</html>